.ws-qqmap{z-index: 9999; position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);left: 0;top:0;display: none;}
.ws-qqmap-main{position: relative; width: 700px;height: 600px;background-color: #fff;left: 50%;top: 10%;margin-left: -300px;border-radius: 5px;}
.ws-qqmap-header{line-height: 50px;border-bottom: solid 1px #eee;background-color: #f5f5f5;border-radius: 5px;}
.ws-qqmap-header .title{padding: 0 20px;}
.ws-qqmap-header .close{cursor: pointer;float: right;display: block;width: 50px;text-align: center;color: #999;font-size: 16px;user-select: none}
.ws-qqmap-header .close:hover{color: #666;}
.ws-qqmap-toolbar{padding:5px 20px;}
#container{width: 100%;height: 390px;}
.ws-qqmap-footer{padding: 5px 20px;text-align: right;}

.ws-qqmap-city{width: 450px;height: 600px; top: 45px;left: 5%; background-color: #fff;box-shadow: 0 0 4px #aaa; position: absolute;z-index: 2;}
.ws-city-header{line-height: 40px;border-bottom: solid 1px #eee;background-color: #f5f5f5;border-radius: 5px;}
.ws-city-header .title{padding: 0 20px;}
.ws-city-header .close{cursor: pointer;float: right;display: block;width: 40px;text-align: center;color: #999;font-size: 16px;}
.ws-city-header .close:hover{color: #666;}
.ws-city-main{overflow-y: auto;max-height: 550px;}
